<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>简易计算器</title>
  </head>
  <body>
    <script>
      // 版本1：直接使用
      // var num1 = Number(prompt('请输入第一个值：'));
      // var yfs = prompt('请输入运算符：');
      // var num2 = Number(prompt('请输入第二个值：'));

      // var result = 0;
      // if (yfs === '+') {
      //   result = num1 + num2;
      // } else if (yfs === '-') {
      //   result = num1 - num2;
      // } else if (yfs === '*') {
      //   result = num1 * num2;
      // } else if (yfs === '/') {
      //   result = num1 / num2;
      // }
      // alert('结果是：' + result);

      // 版本2：用函数封装
      function js(n1, n2, yfs) {
        var result = 0;
        switch (yfs) {
          case '+':
            result = n1 + n2;
            break;
          case '-':
            result = n1 - n2;
            break;
          case '*':
            result = n1 * n2;
            break;
          case '/':
            result = n1 / n2;
            break;
        }
        return result;
      }

      var n1 = Number(prompt('请输入第一个数：'));
      var yfs = prompt('请输入运算符：');
      var n2 = Number(prompt('请输入第二个数：'));
      window.alert('结果是：' + js(n1, n2, yfs));
    </script>
  </body>
</html>
